<template>
    <view>
        <!-- <navigation-bar :back="true" title="发帖回复"></navigation-bar> -->
        <navigation-bar :back="true" title="我的评论与回复"></navigation-bar>
        <view v-if="loginStatus == false" style="color: rgb(165, 165, 165); text-align: center; margin-top: 250rpx" @tap="handleLoginConfirm">
            登录后查看，点击前往登录~
        </view>
        <view v-else-if="loginStatus==true&&replayData.length != 0" style="margin: 30rpx">
            <view style="margin-bottom: 30rpx; background: white; padding: 20rpx; border-radius: 10rpx" v-for="(item, index) in replayData" :key="index">
                
                <view v-if="item.creator!=userData.id">{{ item.name }} 对 我评论：{{ item.content }}</view>
                <view v-else="item.creator!=userData.id">我：{{ item.content }}</view>
                <view style="padding-top: 15rpx; font-size: 22rpx; color: #adacac">{{ item.createTime }}</view>
            </view>
        </view>

        <view v-else-if="loginStatus==true">
            <view style="color: rgb(165, 165, 165); text-align: center; margin-top: 250rpx">您没有收到任何一条回复</view>
            <view style="color: rgb(165, 165, 165); text-align: center">赶紧去评论吧！</view>
        </view>

        <!-- <CustomConfirm
			:visible.sync="showLoginConfirm"
			title="温馨提示"
			content="亲，您还没登录，请先登录~"
			@confirm="handleLoginConfirm"
			@cancel="handleLoginCancel"
		/> -->
    </view>
</template>

<script>
import { getForumReplaAboutyMe } from '../../api/getApi';
import globalStore from '../../store/global';
import CustomConfirm from '../../components/CustomConfirm/CustomConfirm.vue';
import loginStatusUtils from '../../utils/loginStatusUtils';
import userInfo from '../../store/userInfo';
export default {
    components: {
        CustomConfirm
    },
    data() {
        return {
            loginStatus: globalStore.getLoginStype(),
            replayData: [],
            // showLoginConfirm: false,//登录提示框是否显示
            userData: {},
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad() {
        this.getData();
        this.userData = userInfo.getUserInfo();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {

        

        getData() {
            //判断是否登录
            if (!loginStatusUtils.checkLoginAndShowConfirm(this)) {
                return;
            }

            // console.log('获取个人回复和评论');
            getForumReplaAboutyMe({
                page: 1,
                limit: 99,
                // openid: uni.getStorageSync('openId')
            }).then((res) => {
                console.log("获取个人回复和评论：",res);
                this.setData({
                    replayData: res.data.list
                });
            });

        },

        handleLoginConfirm() {
			uni.navigateTo({
				// 跳进登录页面
				url: '/pages/login/login'
			});
		},


        // //登录提示框确认事件
		// handleLoginConfirm() {
		// 	uni.navigateTo({
		// 		// 跳进登录页面
		// 		url: '/pages/login/login'
		// 	});
		// },
		// //登录提示框取消事件
		// handleLoginCancel() {
		// 	this.showLoginConfirm = false;
		// },
    }
};
</script>
<style>
/* pages/myReplay/myReplay.wxss */
</style>
